<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>process loading</title>
    <script type="text/javascript" src="./js/require.js"></script>
    <script type="text/javascript" src="./js/main.js"></script>
    <link rel="stylesheet" type="text/css" href="../src/css/toolbar.css"/>
</head>
<body>
<h1>for example select</h1>
<label>
    <select class="el-select" name="name1" style="width: 200px;">
        <option value="">--请选择--</option>
        <option value="apple">apple</option>
        <option value="orange">orange</option>
        <option value="Banana">Banana</option>
    </select>
</label>
<hr/>
<label>
    <select class="el-select" name="name2" data-url="select.json" data-key_field="key" data-value="2">
    </select>
</label>

<script type="text/javascript">
    require(['select'], function () {
        $('.el-select').select({
            placeholder: 'Select a value',
        });
    });
</script>
</body>
</html>